<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>语音控制</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 20px;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>语音控制扩展</h1>
    <p>点击按钮开启或关闭语音控制功能。</p>
    <button id="toggleButton">开启语音控制</button>
    <form id="command-list">
        <label>
            下箭头:
            <input type="text" id="nextAudio" placeholder="如：KeyZ">
        </label>
        <label>
            上箭头:
            <input type="text" id="proAudio" placeholder="如：KeyZ">
        </label>
        <label>
            X（打开评论）:
            <input type="text" id="openComments" placeholder="如：KeyZ">
        </label>
        <label>
            Z（点赞）:
            <input type="text" id="like" placeholder="如：KeyZ">
        </label>
        <label>
            R（不感兴趣）:
            <input type="text" id="notInterested" placeholder="如：KeyZ">
        </label>
        <label>
            F（看作者）:
            <input type="text" id="viewAuthor" placeholder="如：KeyZ">
        </label>
        <label>
            C（收藏）:
            <input type="text" id="collect" placeholder="如：KeyZ">
        </label>
        <label>
            Y（网页全屏）:
            <input type="text" id="fullScreenWeb" placeholder="如：KeyZ">
        </label>
        <label>
            H（全屏）:
            <input type="text" id="fullScreen" placeholder="如：KeyZ">
        </label>
        <label>
            空格（播放和暂停）:
            <input type="text" id="playPause" placeholder="如：KeyZ">
        </label>
        <label>
            S（分享）:
            <input type="text" id="share" placeholder="如：KeyZ">
        </label>
    </form>
    <script src="../js/popup.js"></script>
</body>
</html>